<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>contains</title>
</head>
<body>
	<div id="p-node">
		<div id="c-node">子节点内容</div>
	</div>
	<script>
		var pNode = document.getElementById("p-node");
		var cNode = document.getElementById("c-node");
		console.log(pNode.contains(cNode));  
		// IE和现代浏览器均返回true
		// contains方法来判断两个节点的关系在低能浏览器和现代路浏览器都是兼容的
		// 但是这个兼容是有条件的，要判断两个节点关系的节点类型必须是元素节点。

		// 如果换成是其他类型的节点可能就不兼容了，用document来判断下：
		console.log(document.contains(cNode)); 
		// IE报错，现代浏览器返回true

		// 再试试文本节点：
		var cTextNode = document.getElementById("c-node").childNodes[0];
		console.log(pNode.contains(cTextNode)); 
		// IE报错，现代浏览器返回true
	</script>
</body>
</html>